簡介:在電商時代,為了吸引用戶,圖片展示是各大網(wǎng)站必不可少的特效,本課程帶領(lǐng)我們從分析展示特效原理,掌握如何進(jìn)行圖片定位,使用JS技術(shù)實現(xiàn)圖片展示效果效果,并對代碼進(jìn)行深度優(yōu)化,讓你不再為圖片展示特效而發(fā)愁。
第1章 簡單展示效果
圖片展示效果是各大網(wǎng)頁中常用效果,我們使用最簡單方法,通過CSS樣式的控制來實現(xiàn)效果。
第2章 圖片展示上移效果
理解上移展示效果的原理,掌握for循環(huán)語句及思路,并運用多種方法實現(xiàn)效果,對代碼進(jìn)行逐步優(yōu)化。
第3章 圖片展示側(cè)位效果
理解側(cè)位展示的原理,并通過定位position、left和right屬性設(shè)置及while循環(huán)語句,運用取余運算符 (%),實現(xiàn)單行和多行側(cè)位展示效果。